<script lang="ts" setup></script>

<template>
  <div class="content">
    <h3>欢迎使用小橙书</h3>
    <div class="introduction">
      <p>
        &emsp;&emsp;小橙书是徽程人的学习生活方式平台，由
        <span class="clickable">芸笑承</span>
        同学于2023年在
        <span>安徽工程大学B座601软件与网络应用创新开放活动室</span>
        开发。小橙书以
        <span class="clickable">“尚德敏学，唯实惟新”</span>
        为使命，
        徽程人可以通过短视频、图文等形式记录在徽程学习与生活的点滴，分享学习与生活的方式，并基于兴趣形成互动。
      </p>
    </div>
    <div>
      <img src="~assets/img/study.svg" height="400" draggable="false" />
      <img src="~assets/img/selfie.svg" height="400" draggable="false" />
    </div>
  </div>
</template>

<style scoped lang="scss">
.content {
  @include flex($direction: column);
  width: 100vw;
  height: 100vh;
}

.introduction {
  width: 960px;
  text-align: justify;
  text-align-last: left;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  span {
    font-weight: bold;
    color: $stress-color;
  }
}
</style>
